<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">

	<h:head>
		<f:facet name="first">

			
			<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
			<title>Online Hyper market</title>
			<link rel="shortcut icon" type="image/png"
				href="#{request.contextPath}/images/favicon.png" />
		</f:facet>

		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/resources/css/default.css" />
		<ui:insert name="head"></ui:insert>
	</h:head>

	<h:body>

		<div id="header" class="ui-widget ui-widget-header header">
			<ui:include src="header.xhtml"></ui:include>

		</div>

		<div id="page" class="ui-widget">

			<div id="content">

				<ui:include src="menu.xhtml"></ui:include>
				<div style="height: 10px;"></div>
				<ui:insert name="content">...</ui:insert>

			</div>

			<div style="clear: both;"></div>
		</div>

		<div id="footer" class="ui-widget ui-widget-header ui-corner-all">
			<p class="copyright">Footer and copy right goes here</p>
		</div>

		<ui:insert name="status">
			<p:ajaxStatus
				style="width:64px;height:64px;position:fixed;right:5px;bottom:5px">
				<f:facet name="start">
					<p:graphicImage value="/images/loading.gif" />
				</f:facet>

				<f:facet name="complete">
					<h:outputText value="" />
				</f:facet>
			</p:ajaxStatus>
		</ui:insert>
	</h:body>
</f:view>
</html>
